<title>邮件模板</title>

<link rel="stylesheet" href="/css/examples/pages/general/email.css">

<div class="page animation-fade page-email">
    <div class="page-content">

        <div class="panel">
            <div class="panel-body container-fluid">
                <div class="email-title">
                    <img src="/images/logo-min.svg" width="80" alt="...">
                    <h4 class="blue-grey-400 font-weight-400">Admui</h4>
                </div>
                <div class="widget widget-article">
                    <div class="widget-header cover">
                        <img class="cover-image" src="/images/photos/city-1.jpg" alt="...">
                    </div>
                    <div class="widget-body">
                        <h4>文化建设对创业公司有多重要？</h4>
                        <p>
                            就像一千个人心中就有一千个哈姆雷特，企业基因、CEO视野、文化的价值能否显现等诸多因素，决定了每个CEO对于企业文化的理解各有不同。也正是由于这样的差异性，在企业文化理论、实践创新都较为缺乏的今天，我们可以好好聊聊关于”创业公司的企业文化建设“这个话题。</p>
                        <div class="widget-body-footer">
                            <a class="btn btn-primary widget-readMore" href="javascript:;">了解更多</a>
                        </div>
                    </div>
                </div>
                <div class="widget widget-article">
                    <div class="widget-header cover">
                        <img class="cover-image" src="/images/photos/city-2.jpg" alt="...">
                    </div>
                    <div class="widget-body">
                        <h4>无线的HTC Vive要来了，这家来自保加利亚的公司做到了用WiFi代替线缆</h4>
                        <p>现在桌面级别的VR已经克服了之前的眩晕问题，但是由于现实内容数据量巨大，传输还只能通过有线来进行，所以体验HTC
                            Vive就得拖着长长的线，如果不慎被缠住可能就摔一个大跤，另外即便没有摔也会有所顾忌，所以后来就有厂商做出了电脑背包，但是将一个几斤的电脑背在背上想象就觉得累，所以无线方案才是真正的出路。 </p>
                        <div class="widget-body-footer">
                            <a class="btn btn-primary widget-readMore" href="javascript:;">了解更多</a>
                        </div>
                    </div>
                </div>
                <div class="widget widget-article">
                    <div class="widget-header cover">
                        <img class="cover-image" src="/images/photos/city-3.jpg" alt="...">
                    </div>
                    <div class="widget-body">
                        <h4>写在2016教师节：寻找有意义的教育</h4>
                        <p>
                            老师是一份职业，带着令人尊敬的原始光环。求学求教者崇尚尊师重道，而为人师表者亦担责良多。老师也是多元的个体，有血有肉有笑有泪，在一个教育改革尚未完成、社会转型呈现焦虑的当下，每个人其实都有何去何从的天问。由此，其间的坚守者和思考者，更难能可贵。</p>
                        <div class="widget-body-footer">
                            <a class="btn btn-primary widget-readMore" href="javascript:;">了解更多</a>
                        </div>
                    </div>
                </div>
                <div class="email-more">
                    <h2 class="email-more-title">热门推荐</h2>
                    <div class="row email-more-content">
                        <div class="col-sm-4">
                            <a class="thumbnail" href="javascript:;">
                                <img src="/images/photos/city-4.jpg" alt="...">
                            </a>
                        </div>
                        <div class="col-sm-4">
                            <a class="thumbnail" href="javascript:;">
                                <img src="/images/photos/city-5.jpg" alt="...">
                            </a>
                        </div>
                        <div class="col-sm-4">
                            <a class="thumbnail" href="javascript:;">
                                <img src="/images/photos/city-6.jpg" alt="...">
                            </a>
                        </div>
                        <div class="col-sm-4">
                            <a class="thumbnail" href="javascript:;">
                                <img src="/images/photos/city-7.jpg" alt="...">
                            </a>
                        </div>
                        <div class="col-sm-4">
                            <a class="thumbnail" href="javascript:;">
                                <img src="/images/photos/city-8.jpg" alt="...">
                            </a>
                        </div>
                        <div class="col-sm-4">
                            <a class="thumbnail" href="javascript:;">
                                <img src="/images/photos/city-9.jpg" alt="...">
                            </a>
                        </div>
                    </div>
                    <p>如果您不想再接收此类邮件，可以
                        <a class="email-unsubscribe" href="javascript:;">点此退订</a>
                    </p>
                    <div class="email-more-social">
                        <a href="javascript:;"><i class="icon fa-weibo" aria-hidden="true"></i></a>
                        <a href="javascript:;"><i class="icon fa-qq" aria-hidden="true"></i></a>
                        <a href="javascript:;"><i class="icon fa-wechat" aria-hidden="true"></i></a>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
